/*自定义浮动表头，来实现固定GridView1表头的效果
用法：SetGvFloat("GridView1");
*/
//当滚动条 滚动时……
//include("../jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"); /// <reference path="../jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js" />

function SetGvFloat(gvID) {
    $("#oct").scroll(function () {
        if ($(this).scrollTop() < 50) {
            $("#divtitle").remove(); //当滚动到顶部时 删除浮动表头
        } else if ($(this).scrollTop() > 50) {
            $("#divtitle").remove(); //消除缓存的浮动表头
            //组织浮动表头的html
            var title_div = "<div id='divtitle' style=' margin: 3px; position: fixed;top:50px;left:0px;'>" +
                                "<table border='0' cellpadding='4' cellspacing='0' width='100%' class='tb'>" +
                                    "<tr>";
            //循环遍历原表头的内容和列宽，并添加到 浮动表头的html
            $("#" + gvID + " th").each(function () {
                title_div += "<th style='width:" + $(this).css("width") + "'>" + $(this).html() + "</th>";
            });
            //组织浮动表头的html 
            title_div += "</tr>" +
                                "</table>" +
                              "</div>";
            //将浮动表头的html 添加到页面
            $("body").append(title_div);
        }
        //设置浮动表头的总宽度为原表头的空度
        $("#divtitle").css("width", $("#" + gvID + "").outerWidth());
        if ($(this).scrollLeft() > 5) {
            var left = $(this).scrollLeft();
            //alert($("#divtitle").css("left"));
            var dl = parseInt($("#divtitle").css("left")) - left;
            //$(".divtitle").css({ "left": left+"px" })
            $("#divtitle").css("left", dl + "px")
        }
    });
}


//全局变量，触摸开始位置  
var startX = 0, startY = 0;

//touchstart事件  
function touchSatrtFunc(evt) {
    try {
        //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  

        var touch = evt.touches[0]; //获取第一个触点  
        var x = Number(touch.pageX); //页面触点X坐标  
        var y = Number(touch.pageY); //页面触点Y坐标  
        //记录触点初始位置  
        startX = x;
        startY = y;

        var text = 'TouchStart事件触发：（' + x + ', ' + y + '）';
        alert(text);
    }
    catch (e) {
        alert('touchSatrtFunc：' + e.message);
    }
}

//touchmove事件，这个事件无法获取坐标  
function touchMoveFunc(evt) {
    try {
        if (window.scrollY < 20) {
            $("#divtitle").remove(); //当滚动到顶部时 删除浮动表头
        } else if (window.scrollY > 20) {
            //alert(window.scrollY);
            $("#divtitle").remove(); //消除缓存的浮动表头
            //组织浮动表头的html
            var title_div = "<div id='divtitle' style=' margin: auto; position: fixed;top:-10px;'>" +
                                "<table border='0' cellpadding='0' cellspacing='0' width='100%' class='gridview'>" +
                                    "<tr>";
            //循环遍历原表头的内容和列宽，并添加到 浮动表头的html
            $("#GridView2 th").each(function () {
                title_div += "<th style='width:" + $(this).css("width") + "'>" + $(this).html() + "</th>";
            });
            //组织浮动表头的html 
            title_div += "</tr>" +
                                "</table>" +
                              "</div>";
            //将浮动表头的html 添加到页面
            $("body").append(title_div);
        }
        //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
//        text = "";
//        var touch = evt.touches[0]; //获取第一个触点  
//        var x = Number(touch.pageX); //页面触点X坐标  
//        var y = Number(touch.pageY); //页面触点Y坐标  

//        var text = 'TouchMove事件触发：（' + x + ', ' + y + '）';

//        //判断滑动方向  
//        if (x - startX != 0) {
//           alert('<br/>左右滑动');
//        }
//        if (y - startY != 0) {
//            alert( '<br/>上下滑动');
//        }

    }
    catch (e) {
        alert('touchMoveFunc：' + e.message);
    }
}

//touchend事件  
function touchEndFunc(evt) {
    try {
        //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  

        var text = 'TouchEnd事件触发';
        alert(text);
    }
    catch (e) {
        alert('touchEndFunc：' + e.message);
    }
}

//绑定事件  
function bindEvent() {
    //document.addEventListener('touchstart', touchSatrtFunc, false);
    document.addEventListener('touchmove', touchMoveFunc, false);
    //document.addEventListener('touchend', touchEndFunc, false);
}

//判断是否支持触摸事件  
function isTouchDevice() {
    
    //document.getElementById("version").innerHTML = navigator.appVersion;

    try {
        document.createEvent("TouchEvent");
        alert("支持TouchEvent事件！");

        bindEvent(); //绑定事件  
    }
    catch (e) {
        alert("不支持TouchEvent事件！" + e.message);
    }
}


function getTop(e) {
    var offset = e.offsetTop;
    if (e.offsetParent != null) offset += getTop(e.offsetParent);
    return offset;
} 
